<template>
  <div class="layout_cont">
    <!-- 头部区域 -->
    <div class="layout_header">
      <v-head :label="label"></v-head>
    </div>
    <!-- 下方内容区域 -->
    <div class="layout_content">
      <router-view/>
    </div>
  </div>
</template>
<script>
  import vHead from '@/components/base/head'

  export default {
    name: '',
    components: {vHead},
    props: {},
    data() {
      return {
        title: '',
        label: ''
      }
    },
    methods: {},
    created() {
    }
  }
</script>
<style scoped lang="scss">
  .layout_cont {
    width: 100%;
    height: 100%;

    .layout_header {
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      width: 100%;
    }

    .layout_content {
      width: 100%;
      height: 100%;
      padding-top: 64px;

      .main-cont {
        display: flex;
        flex-direction: row;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        height: 100%;
      }
    }
  }
</style>
